﻿<%
	String contextPath = request.getContextPath();
%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="author" content="" />
	<title>Mobily UGC</title>
	<link rel="stylesheet" type="text/css" href="<%=contextPath %>/css/main.css" />
	<script src="<%=contextPath %>/js/jquery-1.4.4.min.js" type="text/javascript"></script>
	<script src="<%=contextPath %>/js/main.js" type="text/javascript"></script>
	<script src="<%=contextPath %>/js/photo.js" type="text/javascript"></script>
	<script src="<%=contextPath %>/js/up.js" type="text/javascript"></script>
	<script>
	$(function(){
		$('#products').slides({
			preload: true,
			preloadImage: 'images/loading.gif',
			effect: 'slide, fade',
			crossfade: true,
			slideSpeed: 100,
			fadeSpeed: 250,
			generateNextPrev: true,
			generatePagination: false
		});
	});
	</script>
	</head>
	<body>
    
    <div id="main">
     
	<jsp:include page="../header.jsp"></jsp:include> 
     
     <div class="main">
          <div class="height1">&nbsp;</div>
          
          <div class="pic_detail" id="products">
              <div class="w850 fl">
                  <div class="nav_box">
                     <div class="nav_box1_t">
                       <div class="nav1_t_m"><div class="nav_box_tl"></div></div>
                       <div class="nav1_t_l"></div>
                       <div class="nav1_t_r"></div>
                   </div>
                   
                   <div class="nav_box1_m">
                         <div class="img_show_boxW">
                             <div class="img_show_box">
                             <a href="#none"><span><img src="<%=contextPath %>/img/img/pic.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic1.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic2.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic1.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic2.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic1.jpg" /></span></a>
                           <a href="#none"><span><img src="<%=contextPath %>/img/img/pic2.jpg" /></span></a>                             
                             </div>   
                         </div>
                         <h1 class="h1_titl1">Picture name is here</h1>   
                   </div>  
                         <div class="msg_box top_bod">
                         <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="22%">Rating: <font class="fot3">3.3</font>/5 &nbsp; ( 124 votes )</td>
    <td width="21%"><div class="star_sp" onmouseover="rate(this,event)"><img src="<%=contextPath %>/img/images/grade_grey_star.gif" /><img src="<%=contextPath %>/img/images/grade_grey_star.gif" /><img src="<%=contextPath %>/img/images/grade_grey_star.gif" /><img src="<%=contextPath %>/img/images/grade_grey_star.gif" /><img src="<%=contextPath %>/img/images/grade_grey_star.gif" /></div></td>
    <td width="26%" align="right">&nbsp;</td>
    <td width="31%" align="right">
    <ul onmouseover="this.className = 'btn_over'" onmouseout="this.className='btn_nomal'" onclick="window.location.href='#'" class="btn_nomal" style="float:right;">
                                    <a href="#edit_pop" class="open_pop"><li class="btn_l"></li>
                                    <li class="btn_m">Download</li>
                                    <li class="btn_r"></li></a>
                                </ul>
    </td>
  </tr>
  <tr>
    <td><div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div></td>
    <td>From: XXXXX</td>
    <td>Release: 2011-02-13</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Share to | <a href="#"><img src="<%=contextPath %>/img/images/icon_face.gif" width="18" height="18" /></a> <a href="#"><img src="<%=contextPath %>/img/images/icon_twinter.gif" width="18" height="18" /></a> <a href="#"><img src="<%=contextPath %>/img/images/icon_linked.gif" width="57" height="16" /></a></td>
    <td colspan="3">Tags: <a href="#">Jay</a>  <a href="#">Music</a></td>
  </tr>
  <tr class="bnone">
    <td colspan="4">Description is here for the video XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</td>
    </tr>
</table>  
                         </div>
                    
               
                 </div>                 
              </div>
              
              <div class="w140 fr">
                <div class="nav_box">
                     <div class="nav_box1_t">
                       <div class="nav1_t_m"><div class="nav_box_tl"></div></div>
                       <div class="nav1_t_l"></div>
                       <div class="nav1_t_r"></div>
                   </div>
                   
                   <div class="nav_box1_m">
                    <div class="t_img"><img src="<%=contextPath %>/img/images/btn_jtt.gif" onmousedown="scroll(-15)"  onmouseup="scroll(0)" /></div>
                    <div class="pic_listUL" id="pic_img">
                      <ul class="pagination">
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu1.jpg" width="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu2.jpg" width="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu3.jpg" height="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu4.jpg" width="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu3.jpg" height="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu4.jpg" width="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu3.jpg" height="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu4.jpg" width="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                        <li>
                          <a href="#none"><span><img src="<%=contextPath %>/img/img/pic_tu4.jpg" width="94" /></span></a>
                          <h3 class="title_h3">Monsters vs. Aliens</h3>
                        </li>
                      </ul>
                      </div>   
                      <div class="t_img"><img src="<%=contextPath %>/img/images/btn_jtb.gif" onmousedown="scroll(15)" onmouseup="scroll(0)" /></div>              
                    </div>       
                        
                   <div class="nav_box1_b">
                       <div class="nav1_b_m"><div class="nav_box_bl"></div></div>
                       <div class="nav1_b_l"></div>
                       <div class="nav1_b_r"></div>
                   </div>
               
                 </div>                 
              </div>
              
              <div class="nofloat"></div>
          </div>
          
          <div class="w700 fl">
          
             <div class="nav_box mb10">
                     <div class="nav_box2_t">
                       <div class="nav2_t_m">
                           <div class="nav_title1">
                               <span class="fl"><font class="fot2">Comments</font></span>
                               <span class="sp_tip">Total 234</span>
                           </div>
                       </div>
                       <div class="nav2_t_l"></div>
                       <div class="nav2_t_r"></div>
                   </div>
                   
                   
                   <div class="detail_com">
                       
                        <ul class="conment_nav1">
                           <li>
                               <div class="conm_img"><a href="#"><img src="<%=contextPath %>/img/img/tx_img.jpg" width="55" height="55" /></a></div>
                               <div class="conm_text">
                                    <div class="conm_text_t"><span>15:20:30</span><strong>Kethy</strong></div>
                                    <div class="conm_text_m">
                                     Forget it! Love them forever! seen them in the 60's, and I will never forget it! Love them forever!
                                      
                                    </div>
                                    <div class="nofloat"></div>
                               </div>
                               
                               <div class="nofloat"></div>
                           </li>
                           
                           <li>
                               <div class="conm_img"><a href="#"><img src="<%=contextPath %>/img/img/tx_img.jpg" width="55" height="55" /></a></div>
                               <div class="conm_text">
                                    <div class="conm_text_t"><span>1 days ago</span><strong>Benjamin</strong></div>
                                    <div class="conm_text_m">
                                     
                                     Forget it! Love them forever! seen them in the 60's, 
                                       
                                    </div>
                               </div>
                               
                               <div class="nofloat"></div>
                           </li>
                           
                           <li>
                               <div class="conm_img"><a href="#"><img src="<%=contextPath %>/img/img/tx_img.jpg" width="55" height="55" /></a></div>
                               <div class="conm_text">
                                    <div class="conm_text_t"><span>2 days ago</span><strong>SaiNan</strong></div>
                                    <div class="conm_text_m">
                                     
                                     Forget it! Love them forever! 
                                       
                                    </div>
                               </div>
                               
                               <div class="nofloat"></div>
                           </li>
                           
                           <li>
                               <div class="conm_img"><a href="#"><img src="<%=contextPath %>/img/img/tx_img.jpg" width="55" height="55" /></a></div>
                               <div class="conm_text">
                                    <div class="conm_text_t"><span>3 days ago</span><strong>Lucy</strong></div>
                                    <div class="conm_text_m">
                                     
                                    Forget it! Love them forever! seen them in the 60's, and I will never forget it! 
                                      
                                    </div>
                               </div>
                               
                               <div class="nofloat"></div>
                           </li>
                         </ul>
                           
                           <div  class="next">
                        	
                        	<ul>
                            	<li><a href="#" class="a_prev"><font class="fot6">Prev</font></a></li>
                            	<li><a href="#" class="next_on">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">...</a></li>
                                <li><a href="#">5</a></li>
                                <li> <a href="#" class="a_next"><font  class="fot6">Next</font></a></li>   
                            </ul>
                           
                        
                        
                       </div>
                       
                        <div class="column_content">
                        <div class="column_title">I want to comment</div>
                    	<div id="commentsNew">
                        	<div class="userName">Please <a href="#">login first</a> before comment!</div>
                            <div class="comments_message_txtarea">
                              <textarea name="commentsmessage" id="commentsmessage" class="textarea_normal"></textarea>
                          </div>
                            <div class="h30">
                            <ul class="horilist_ul">
                            	<li class="horilist_name">Validate Code:</li>
                                <li class="horilist_compo"><input type="text" name="username" id="username" value="" size="5" class="input_text_normal" /></li>
                                <li class="horilist_name"><img src="<%=contextPath %>/img/img/code.jpg" width="76" height="21" /></li>
                                <li class="horilist_name"><a href="#">Refresh</a></li>
                                <li class="fr">Less than 200 characters</li>                                
                            </ul>
                            <div class="nofloat"></div>
                            </div>
                            
                            <div class="h25">
               	               <ul onmouseover="this.className = 'btn_over'" onmouseout="this.className='btn_nomal'" onclick="window.location.href='#'" class="btn_nomal">
                                    <li class="btn_l"></li>
                                    <li class="btn_m">Submit</li>
                                    <li class="btn_r"></li>
                                </ul>
                                <div class="nofloat"></div>
                            </div>
                        </div>
                    </div>
                        
                        </div>
               
                 </div>
                                  
          </div>  
          
          <div class="w290 fr">                 
               
                 <div class="nav_box mb10">
                     <div class="nav_box2_t">
                       <div class="nav2_t_m">
                           <div class="nav_title1"><span class="fr"><a href="#"><img src="<%=contextPath %>/img/images/icon_rss.gif" width="16" height="17" class="icon_rss" /></a></span>
                           <font class="fot2">More From Provider</font>
                           </div>
                       </div>
                       <div class="nav2_t_l"></div>
                       <div class="nav2_t_r"></div>
                   </div>
                   
                   <div class="nav_box2_m">
                      <div class="pic_box2">
                         <ul class="v_box1">
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/img/pic_tu1.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/img/pic_tu2.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Michael Jackson's This Is It</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/img/pic_tu3.jpg" height="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/img/pic_tu4.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Tinker Bell and the LostTinker Bell and the Lost</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/img/pic_tu3.jpg" height="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/img/pic_tu4.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Tinker Bell and the LostTinker Bell and the Lost</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                         </ul>
                         
                         <div class="nofloat"></div>
                      </div>
                   </div>                   
                   
                        
                   <div class="nav_box2_b">
                       <div class="nav2_b_m"><div class="nav_box_bl1"></div></div>
                       <div class="nav2_b_l"></div>
                       <div class="nav2_b_r"></div>
                   </div>
               
                 </div>
                                  
          </div>
                 
          
          <div class="nofloat"></div>
          
    </div>



<jsp:include page="../footer.jsp"></jsp:include>

</div>

</body>
</html>

